<%--
  Created by IntelliJ IDEA.
  User: gaoliwei02
  Date: 16/6/21
  Time: 上午10:57
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <script type="text/javascript" src="/js/jquery-1.7.2.js"></script>
    <script type="text/javascript" src="/js/wifi_confirm.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            //传递字符串格式json对象到后台（一个json对象）
            $("#send_config").click(function () {
                var sta_ssid_value = encodeURI($("#sta_ssid").attr("value"));
                var sta_key_value = encodeURI($("#sta_key").attr("value"));
                var sta_dhcp_value = encodeURI($("#sta_dhcp").attr("value"));
                var sta_ip_value = encodeURI($("#sta_ip").attr("value"));
                var sta_netmask_value = encodeURI($("#sta_netmask").attr("value"));
                var sta_gateway_value = encodeURI($("#sta_gateway").attr("value"));
                var sta_dns_value = encodeURI($("#sta_dns").attr("value"));
                var printer_id_value = encodeURI($("#printer_id").attr("value"));

                var sta_param = {
                    sta_ssid_value: sta_ssid_value,
                    sta_key_value: sta_key_value,
                    sta_dhcp_value: sta_dhcp_value,
                    sta_ip_value: sta_ip_value,
                    sta_netmask_value: sta_netmask_value,
                    sta_gateway_value: sta_gateway_value,
                    sta_dns_value: sta_dns_value,
                    printer_id_value: printer_id_value
                };
                var sta_param_json = encodeURI(JSON.stringify(sta_param));

                $.ajax({
                    url: "/get_wifi_param",
                    data: "orderJson=" + sta_param_json,
                    dataType: 'text',
                    type: 'GET',
                    timeout: 10000,
                    success: function (data) {
                        alert("rec: " + data);
                    }
                });
            });
        })
    </script>
    <link href="/css/common.css" rel="stylesheet" type="text/css">
</head>
<body class="in_body" onload="init_dhcp_setting()">
<div class="div_c" style="font-family:微软雅黑">
    <div style="height:400px" id="sta_web_id">

        <form name="form_sta_setting" method="post/get" action="/display">

            <div class="cl" style="height:10px"></div>
            <div class="label" style="font-weight:bold;font-size:17px">配置打印机ID</div>

            <div class="cl" style="height:20px"></div>
            <div class="label1">ID</div>
            <%--<div class="fw"><input name="printer_id" type="text" style="font-size:14px" disabled="true" value = "00000000"/></div>--%>

            <div class="fw"><input id="printer_id" name="printer_id" type="text" style="font-size:14px" disabled="true"
                                   value="${ model['printer_id_mdl']}"/></div>

            <!下降10>
            <div class="cl" style="height:10px"></div>
            <div class="label" style="font-weight:bold;font-size:17px">参数设置</div>

            <div class="cl" style="height:20px"></div>
            <div class="label1">网络名</div>
            <div class="fw"><input id="sta_ssid" value="XXXX" name="sta_ssid" type="text" style="font-size:14px"/></div>

            <div class="cl" style="margin-top:10px"></div>
            <div class="label1">密码</div>
            <div class="fw"><input id="sta_key" value="XXXX" name="sta_key" type="text" style="font-size:14px"/></div>

            <div class="cl"></div>
            <div class="line1"></div>
            <div class="cl" style="height:10px"></div>

            <div class="label" style="font-weight:bold;font-size:17px">高级配置</div>
            <div class="cl" style="height:20px"></div>

            <div class="label1">配置方式</div>
            <div class="fw">
                <select style="width:166px;height:20px" name="sta_dhcp" id="sta_dhcp" onchange="dhcp_change()">
                    <option value="dhcp_client">自动</option>
                    <option value="dhcp_disable">手动</option>
                </select>
            </div>

            <div class="cl"></div>
            <div class="line1"></div>

            <div class="label1">IP地址</div>
            <div class="fw"><input name="sta_ip" id="sta_ip" type="text" style="width:162px"/></div>
            <div class="cl"></div>
            <div class="line1"></div>

            <div class="label1">子网掩码</div>
            <div class="fw"><input name="sta_netmask" id="sta_netmask" type="text" style="width:162px"/></div>
            <div class="cl"></div>
            <div class="line1"></div>

            <div class="label1">网关地址</div>
            <div class="fw"><input name="sta_gateway" id="sta_gateway" type="text" style="width:162px"/></div>
            <div class="cl"></div>
            <div class="line1"></div>

            <div class="label1">DNS服务器</div>
            <div class="fw"><input name="sta_dns" id="sta_dns" type="text" style="width:162px"/></div>
            <div class="cl"></div>
            <div class="line1"></div>

            <div style="margin-top:20px;color:#bb73b3;width:100%;text-align:right">
                <%--<input onclick="send_config();" type="button" class="btn" value="配置" />--%>
                <input id="send_config" type="submit" class="btn" value="配置"/>
            </div>

        </form>
    </div>

</div>

<%--<script type="text/javascript">--%>
    <%--//$.get(URL,callback);--%>
    <%--//必需的 URL 参数规定您希望请求的 URL。--%>
    <%--//可选的 callback 参数是请求成功后所执行的函数名。--%>
    <%--//下面的例子使用 $.get() 方法从服务器上的一个文件中取回数据：--%>
    <%--$("button").click(function(){--%>
        <%--$.get("demo_test.asp",function(data,status){--%>
            <%--alert("Data: " + data + "\nStatus: " + status);--%>
        <%--});--%>
    <%--});--%>

    <%--//jQuery remove() 方法删除被选元素及其子元素。--%>
    <%--$("#div1").remove();--%>
    <%--//jQuery empty() 方法删除被选元素的子元素。--%>
    <%--$("#div1").empty();--%>

    <%--//jQuery after() 方法在被选元素之后插入内容。--%>
    <%--//jQuery before() 方法在被选元素之前插入内容。--%>
    <%--//jQuery append() 方法在被选元素的结尾插入内容。--%>
    <%--//jQuery prepend() 方法在被选元素的开头插入内容。--%>
    <%--$("#btn1").click(function(){--%>
        <%--$("p").prepend("<b>Prepended text</b>. ");--%>
    <%--});//添加文本--%>
    <%--$("#btn2").click(function(){--%>
        <%--$("ol").prepend("<li>Prepended item</li>");--%>
    <%--});//添加列表项--%>

    <%--$("button").click(function () {--%>
        <%--$("#w3s").attr({--%>
            <%--"href": "http://www.w3school.com.cn/jquery",--%>
            <%--"title": "W3School jQuery Tutorial"--%>
        <%--});--%>
    <%--});--%>
    <%--//改变（设置）链接中 href 属性的值--%>

    <%--$("#test").val()--%>
    <%--//获取值获得输入字段的值，加值设置值--%>

    <%--$("button#demo").click()--%>
    <%--//上面的例子将触发 id="demo" 的 button 元素的 click 事件。--%>

    <%--$("button#demo").click(function () {--%>
        <%--$("img").hide()--%>
    <%--})--%>
    <%--//上面的例子会在点击 id="demo" 的按钮时隐藏所有图像。--%>

    <%--$("#hide").click(function () {--%>
        <%--$("p").hide();--%>
    <%--});--%>
    <%--//点击id=hide，p元素隐藏--%>

    <%--$("#show").click(function () {--%>
        <%--$("p").show();--%>
    <%--});--%>
    <%--//点击id=show，p元素显示--%>

    <%--$("button").click(function () {--%>
        <%--$("p").toggle();--%>
    <%--});--%>
    <%--//使用 toggle() 方法来切换 hide() 和 show() 方法--%>

    <%--$("button").click(function () {--%>
        <%--$("#div1").fadeIn();--%>
        <%--$("#div2").fadeIn("slow");--%>
        <%--$("#div3").fadeIn(3000);--%>
        <%--$("#div1").fadeOut();--%>
        <%--$("#div2").fadeOut("slow");--%>
        <%--$("#div3").fadeOut(3000);--%>
    <%--});--%>
    <%--//淡入淡出--%>

    <%--$("#flip").click(function () {--%>
        <%--$("#panel").slideToggle();--%>
    <%--});--%>
    <%--//下卷帘--%>

    <%--$("button").click(function () {--%>
        <%--$("div").animate({--%>
            <%--left: '250px', opacity: '0.5',--%>
            <%--height: '150px', width: '150px'--%>
        <%--});--%>
    <%--}--%>
    <%--//如需对位置进行操作，要记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute！--%>
<%--</script>--%>
</body>
</html>


